<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>Sabah Kini</title>


<!-- Bootstrap core CSS -->
<link href="bootstrap-3.2.0/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="bootstrap-3.2.0/dist/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />

<!-- Add custom CSS here -->
<link href="css/main.css" rel="stylesheet" type="text/css" />


</head>

  <body>
 
  <!-- header -->

   <div class="container">
		<div class="row">
	
			<div class="col-xs-12 col-md-4">
				<div class="logo">
				<a href="index.html"><img src="images/logo.jpg" border="0"></a>
				</div>
			</div>
  
   
   <form action="#">
   
    	<div class="col-xs-12 col-md-8 header">
			<div class="header-right">
				<span class="language"><a href="#">Malay</a> | <a href="#">English</a></span> &nbsp; &nbsp;
				<input type="search"  placeholder="Enter your search term..."><span style="position:relative; top:12px;"><input type="image" src="images/search.png" alt="Submit Form"/></span>
			</div>
		</div>
	
   </form>
   

	 	</div> <!-- /row-->
	
   </div>
  <!-- /header -->
 
 

    <!-- Fixed navbar -->
    <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="sticky_navigation">
      <div class="container">
	  <div class="row">
	  
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li><a href="index.html">Home</a></li>
            <li><a href="nation.html">Nation</a></li>
            <li><a href="#">Sports</a></li>
			<li><a href="#">Gossip</a></li>
			<li><a href="#">Hot</a></li>
          
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','images/twitter-hover.png',1)"><img src="images/twitter.png" name="Image24" width="26" height="26" border="0"></a></li>
           
          
            <li><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/rss-hover.png',1)"><img src="images/rss.png" name="Image23" width="26" height="26" border="0"></a></li>
          </ul>
        </div> <!--/.nav-collapse -->
		</div> <!-- /row-->
		
      </div> <!-- /container-->
    </div>    <!-- /.Fixed navbar -->

    

      <!-- Page Content -->
    <div class="container">
		
		<ol class="breadcrumb">
  					<li><a href="index.html">Home</a></li>
					<li>Contact Us</li>
				</ol>
				
				
		<h1 class="title">contact us</h1>
        <div class="clearfix"></div>	   
	    <div class="row">
		    <!-- column7 -->
            <div class="col-md-7">				
				<div class="contact-padding">							
							<form role="form">
							  
							
							<div class="alert alert-success" role="alert"><strong>Success:</strong> You successfully submit this form. </div>
							<div class="alert alert-info" role="alert"><strong>Heads up:</strong> This alert needs your attention, but it's not super important. </div>
							<div class="alert alert-warning" role="alert"><strong>Warning:</strong> Better check yourself, you're not looking too good. </div>
							<div class="alert alert-danger" role="alert"><strong>Error:</strong> Change a few things up and try submitting again. </div>
							  
							  				
						 	 	 <div class="form-group">
  									 <label for="Issues">Issues</label>
  							 		 <select name="select" class="form-control" style="padding-left:7px;">
									  		<option value="Editorial Online">Editorial Online</option>
 											<option value="Businesss Online">Businesss Online</option>
											<option value="Sports Online">Sports Online</option>

  
									 </select>
						 	 	 </div>
								 
								 
								 <div class="form-group">
  									 <label for="attention">Attention</label>
  							 		 <input type="text" class="form-control" id="" placeholder="Enter attention note">
 								 </div>

  
  								 <div class="form-group">
   									<label for="your name">Your Name<span class="mandatory">*</span></label>
    								<input type="text" class="form-control" id="" placeholder="Please enter your name">
 								 </div>
  
 
 								  <div class="form-group">
   									<label for="your email">Your Email<span class="mandatory">*</span></label>
    								<input type="text" class="form-control" id="" placeholder="e.g. your@email.com">
 								 </div>
  
   								
								 <div class="form-group">
   									<label for="subject">Subject<span class="mandatory">*</span></label>
    								<input type="text" class="form-control" id="" placeholder="Please enter your subject">
 								 </div>
								 
								 
								 <div class="form-group">
   									<label for="message">Message<span class="mandatory">*</span></label>
    								<textarea name="message" class="form-control" id="" placeholder="Please enter your message"></textarea>
 								 </div>
								 
								 
								 
								 <span class="mandatory">*is a mandatory field. Please do not leave empty.</span>
								 
								 
								  <div class="clearfix"></div><br><br>
								 
  								  <img src="images/captcha.jpg"><br><br><br>
								
								  <div class="clearfix"></div>
 							
							     <button type="submit" class="btn btn-default">Submit</button>
							     <button type="reset" class="btn btn-default">Reset</button>

							
							</form>
							
							</div>
							
							


            </div><!-- / column7-->

            <!-- Sidebar -->
            <div class="col-md-5">

        	<div class="clearfix"></div>

               <h1 class="title">most viewed</h1>
                    <div class="row">
                        <div class="col-lg-12">
                            <ul class="list-styled">
                                 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								
								 
                             
                            </ul>
                        </div>
                        <!-- /.col-lg-6 -->
                        
                    </div>
                    <!-- /.row -->
              





 				<h1 class="title">most commented</h1>
                    <div class="row">
                        <div class="col-lg-12">
                            <ul class="list-styled">
                                 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
                             	 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								 <li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								<li><a href="#" class="news-style">Lorem ipsum dolor sit amet, consectetur adipiscing elit enean sagittis, nisl ut vulputate tincidunt.</a></li>
								
								
								
								
                            </ul>
                        </div>
                        <!-- /.col-lg-6 -->
                        
                    </div>
                    <!-- /.row -->
					
					

              

            </div>  <!-- /.col-md-5-->


        </div> <!-- /.row -->

			


    </div> 
	<!-- /.container -->
 
    
    <!-- Footer -->
       <div class="footer-line"></div> 

     <div class="container">
	 
		 <footer>
		
            <div class="row">
			
              <div class="col-lg-6 col-md-5">
                <a href="contact.html">Contact Us</a> | <a href="policy.html">Privacy Policy</a></div>
				
				 <div class="col-lg-6 col-md-7">
                   <div class="visible-md visible-lg pull-right">Copyright c <script> document.write((new Date).getFullYear()); </script> mTouche International Sdn. Bhd. All rights reserved.</div>
				   <div class="hidden-md hidden-lg">Copyright c <script> document.write((new Date).getFullYear()); </script> mTouche International Sdn. Bhd. All rights reserved.</div>
		      </div>
            </div>
        </footer>
     
     </div>
  
  
  
           
         <!-- Bootstrap core JavaScript
    ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
		
		<!--social buton swap image -->
		<script src="js/swapImage.js"></script>
		
		<!--fixed nav script -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
        <script src="bootstrap-3.2.0/dist/js/bootstrap.min.js"></script>
		
		<!--sticky nav script -->
		<script src="js/stickyNav.js"></script>
		
		
		
              
</body>
</html>
